//装vuex
//cnpm install vuex --save-dev
//引入模块
import Vue from 'vue'
import Vuex from 'vuex'
//给vue模块增加vuex功能
Vue.use(Vuex)

/*首先vue是一个前端框架（与angular和react同级别），vuex只是vue的一个插件，官网说vuex是状态管理工具，其实说白了，vuex就是一个存放多个组件共用的一个数据的存放、更改、处理的一个容器，就是说来存放处理公共数据的工具，存放的数据一变，各个组件都会更新，也就是说存放的数据是响应式的。*/

//实例化vuex对象
let store = new Vuex.Store({
	state:{
		//state 存放状态的数据
		//播放状态和歌曲id
		playState:false,
		msg:0,
		//播放列表
		list:[],
		//表示列表的第几首
		listIndex:null,
		//歌手id
		geshouId:0,
	},
	mutations:{
		//修改状态用的，这里存放的都是函数
		//类似methods的东西
		//
		//改变播放的状态
		change(state,data){
			console.log(data)
			//改变状态
			state.playState = data.playState;
			
			if(data.id !== undefined){
				//改变歌曲id
				state.msg = data.id;
			}
		},
		geshouId(state,data){
			console.log(data);
			state.geshouId = data.id;
		}
	}
})
//输出	
export default store;